.bg{
    padding-bottom: 1rem;
}
.title{
    padding: 0 1.25rem;
    font-size: 1.38rem;
    font-weight: bold;
    color: #252629;   
    display: flex;
    align-items: center;
}
.title-icon{
    height: 1.38rem;
    width: 1.38rem;
    margin-left: 0.31rem;
    display: inline-block;
    z-index: 2;
    position: relative;
}
.bg-img{
    height: 4.25rem;
    width: 100%;
}
.content-bg{
    background: #FFFFFF;
    box-shadow: 0rem 0.13rem 1.25rem 0rem rgba(37, 38, 41, 0.1);
    border-radius: 0.31rem;
    padding: 1.5rem 0rem 1.75rem 0rem;
    margin: 0 1.25rem;
    margin-top: -3.5rem;
    z-index: 2;
    position: relative;
}
.tag-bg{
    padding: 0 1.25rem;
    display: flex;
    align-items: center;
}
.grade{
    height: 1.13rem;
    background: #DBB24D;
    border-radius: 0.13rem 0rem 0rem 0.13rem;
    font-size: 0.69rem;
    font-weight: bold;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    padding: 0 0.38rem;
    line-height: 1.13rem;
}

.ability{
    height: 1.13rem;
    background: #FFF9E9;
    border-radius: 0.13rem;
    border: 0.03rem solid #FFC800;
    font-size: 0.69rem;
    font-weight: bold;
    color: #FFAA00;
    display: flex;
    align-items: center;
    padding: 0 0.38rem;
    margin-right: 0.44rem;
    
    line-height: 1.13rem;
}

.data-bg{
    display: flex;
    align-items: center;
    padding: 1.75rem 0;
    
}
.data{
    text-align: center;
    width:33%;
}
.count{
    font-size: 1.13rem;
    font-weight: bold;
    color: #252629;
}
.sep{
    width: 0.03rem;
    height: 2rem;
    background: #E8EAED;
}
.unit{
    font-size: 0.75rem;
    color: #45474D;
    margin-left: 0.13rem;
}
.tips{
    margin-top: 0.75rem;
    font-size: 0.75rem;
    color: #45474D;
}